<!DOCTYPE html>
<html>

<head>

	<!--
	Level 13
	
	由 Noora Routasuo 制作的文字冒险科幻游戏。
	基于 Ash.js 引擎，受到多款增量/闲置游戏的启发。
	
	查看 changelog.json 以获取版本信息。
	-->

	<meta charset="utf-8" />
	<title>Level 13</title>
	<meta itemprop="description" name="description" property="og:description" content="一款文字冒险科幻游戏。">
	<meta itemprop="image" property="og:image" content="favicon.png" />
	<meta itemprop="name" property="og:title" content="Level 13" />
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="image_src" href="favicon.png" />
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/gridism.css" />
	<link rel="stylesheet" type="text/css" href="css/main.css" />
	<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
	<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
</head>

<body class="wrap wider dark" style="height:100%">

	<div class="sticky-footer-wrapper game-opacity-controller">
		<div class="grid" id="grid-main">
			<div class="unit four-fifths" id="unit-main" style="display: none">

				<div id="mobile-header" role="banner">
					<div id="mobile-header-tribe">
						<div id="statsbar-tribe-stats-mobile" class="statsbar-tribe-stats mobile-header-section"></div>
						<!--
						<span id="statsbar-hope-mobile" class="statsbar statsbar-hope">
							神祇: <span id="deity-name-mobile" class="deity-name">名字</span>
						</span>
						-->
					</div>
					<div id="mobile-header-self">
						<div class="player-stats-container mobile-header-section"></div>
						<!--
						<div id="container-equipment-stats-mobile" class="container-equipment-stats"></div>
						-->
					</div>
					<div id="mobile-header-status" class="mobile-header-section">
						<ul class="itemlist player-perks-list" id="player-perks-list-mobile"></ul>
						<ul class="itemlist player-statuses-list" id="player-statuses-list-mobile"></ul>
					</div>
					<div id="mobile-header-bag" class="mobile-header-section">
						<div id="header-bag-storage-mobile" class="header-bag-storage stat-indicator">
							<span class="label">背包容量</span>
							<span class="value">0</span>
							/
							<span class="value-total">0</span>
						</div>
						<span id="header-bag-currency-mobile" class="header-bag-currency stat-indicator">
							<span class="label">银币</span>
							<span class="value">0</span>
						</span>
						<div id="bag-resources-mobile" class="bag-resources statsbar"></div>
						<!--
						<ul class="itemlist list-header-items" id="list-header-items-mobile"></ul>
						-->
					</div>
					<!--
					<div id="mobile-header-followers" class="mobile-header-section">
						<ul class="itemlist list-header-followers" id="list-header-followers-mobile"></ul>
					</div>
					-->
					<div id="mobile-header-camp" class="mobile-header-section">
						<div id="header-camp-storage-mobile" class="stat-indicator header-camp-storage">
							<span class="label">储存</span>
							<span class="value">0</span>
						</div>
						<div id="header-camp-reputation-mobile" class="stat-indicator header-camp-reputation">
							<span class="label">声望</span>
							<span class="value">0</span>
							<span id="reputation-change-indicator-mobile" class="change-indicator"></span>
						</div>
						<div id="header-camp-population-mobile" class="stat-indicator header-camp-population">
							<span class="label">人口</span>
							<span class="value">0</span>
							<span id="population-change-indicator-mobile" class="change-indicator"></span>
						</div>
						<div id="header-camp-currency-mobile" class="stat-indicator header-camp-currency">
							<span class="label">银币</span>
							<span class="value">0</span>
						</div>
					</div>
					<div id="mobile-header-camp-res" class="mobile-header-section">
						<div id="statsbar-resources-mobile" class="statsbar-resources"></div>
					</div>
					<div id="mobile-header-notification-container" class="mobile-header-section">
						<div id="notification-player-mobile" class="notification-player">
							<div id="notification-player-bar-mobile"
								class="progress-wrap progress notification-player-bar">
								<div class="progress-bar progress"></div>
								<span class="progress-label progress"></span>
							</div>
						</div>
					</div>
				</div>

				<div id="header-side" role="banner">
					<div id="header-self-bar" class="lvl13-box-2">
						<ul class="itemlist player-perks-list" id="player-perks-list-regular"></ul>
						<ul class="itemlist player-statuses-list" id="player-statuses-list-regular"></ul>

						<div class="player-stats-container"></div>

						<hr />
						<div id="container-equipment-stats-side" class="container-equipment-stats"></div>
					</div>

					<div id="notification-player-regular" class="unit whole notification-player">
						<div id="notification-player-bar-regular"
							class="progress-wrap progress notification-player-bar">
							<div class="progress-bar progress"></div>
							<span class="progress-label progress"></span>
						</div>
					</div>
				</div>

				<div class="grid" id="grid-main-header" class="vision-container" role="banner">
					<div class="unit whole lvl13-box-1 header-row" id="header-tribe-container">
						<div id="statsbar-self" class="statsbar">
							<div id="statsbar-tribe-stats-regular" class="statsbar-tribe-stats"></div>
							<span id="statsbar-hope-regular" class="statsbar statsbar-hope">
								神祇: <span id="deity-name-regular" class="deity-name">名字</span>
							</span>
						</div>
					</div>

					<div class="unit whole lvl13-box-1 header-row" id="header-camp-container">

						<div class="header-section" id="main-header-bag">
							<div id="header-bag-storage-regular" class="header-bag-storage stat-indicator">
								<span class="label">背包容量</span>
								<span class="value">0</span>
								/
								<span class="value-total">0</span>
							</div>
							<div id="header-bag-currency-regular" class="header-bag-currency stat-indicator">
								<span class="label">银币</span>
								<span class="value">0</span>
							</div>
							<div id="bag-resources-regular" class="bag-resources statsbar"></div>
							<ul class="itemlist list-header-items" id="list-header-items-regular"></ul>
						</div>

						<div class="header-section" id="main-header-items">
							<ul class="itemlist list-header-followers" id="list-header-followers-regular"></ul>
						</div>

						<div class="header-section" id="main-header-camp">
							<div class="header-section" id="main-header-camp-overview">
								<div id="header-camp-storage-regular" class="stat-indicator header-camp-storage">
									<span class="label">储存</span>
									<span class="value">0</span>
								</div>
								<div id="header-camp-reputation-regular" class="stat-indicator header-camp-reputation">
									<span class="label">声望</span>
									<span class="value">0</span>
									<span id="reputation-change-indicator-regular" class="change-indicator"></span>
								</div>
								<div id="header-camp-population-regular" class="stat-indicator header-camp-population">
									<span class="label">人口</span>
									<span class="value">0</span>
									<span id="population-change-indicator-regular" class="change-indicator"></span>
								</div>
								<div id="header-camp-currency-regular" class="stat-indicator header-camp-currency">
									<span class="label">银币</span>
									<span class="value">0</span>
								</div>
							</div>
							<div class="header-section" id="main-header-camp-resources">
								<div id="statsbar-resources-regular" class="statsbar-resources">
								</div>
							</div>
						</div>

					</div>
				</div><!-- grid for the whole stats bar -->

				<div class="grid">
					<div id="grid-location-header" class="unit whole vision-container">
						<div class='info-callout-target info-callout-target-side'><img id="level-icon" /></div>
						<h1>营地</h1>
					</div>
				</div>

				<div class="grid grid-content hidden-by-popups" id="grid-switch" role="navigation">
					<div id="switch" class="unit whole">
						<ul class="tabs" id="switch-tabs">
							<li id="switch-out"><span class="name vision-text">外部</span></li>
							<li id="switch-embark"><span class="name vision-text">外部</span></li>
							<li id="switch-in"><span class="name vision-text">营地</span></li>
							<li id="switch-bag"><span class="name vision-text">背包</span></li>
							<li id="switch-followers"><span class="name vision-text">队伍</span></li>
							<li id="switch-map"><span class="name vision-text">地图</span></li>
							<li id="switch-trade"><span class="name vision-text">交易</span></li>
							<li id="switch-projects"><span class="name vision-text">项目</span></li>
							<li id="switch-upgrades"><span class="name vision-text">升级</span></li>
							<li id="switch-world"><span class="name vision-text">部落</span></li>
							<li id="switch-milestones"><span class="name vision-text">里程碑</span></li>
						</ul>
					</div>
				</div><!-- grid for the switch -->

				<div class="grid grid-content hidden-by-popups" id="grid-switch-content" role="main">

					<div class="grid" id="grid-tab-header">
						<div class="unit whole" id="tab-header">
							<button id="btn-header-rename" class="context btn-meta tabelement tab-options"
								data-tab="switch-in" style="display:none">重命名</button>
							<div class="tabelement" data-tab="switch-map" style="display:none;">
								<select id="select-header-mapstyle" class="context tab-options"></select>
								<select id="select-header-mapmode" class="context tab-options"></select>
								<select id="select-header-level" class="context tab-options"></select>
								<button id="btn-download-map" class="btn-meta context tab-options">下载</button>
							</div>
							<h2 class="noninteractive">&nbsp;</h2>
						</div>
					</div><!-- grid for the header" -->

					<!-- vis for camp -->
					<div class="grid tabcontainer" id="container-tab-vis-in" data-tab="switch-in">
						<div class="unit whole" id="tab-vis-in">
							<div id="tab-vis-in-container" class="vis-container canvas-container">
								<canvas id="campvis" width="800" height="10" role="img" aria-label="营地视图"></canvas>
								<div id="vis-camp-layer-buildings" class="vis-camp-layer"></div>
								<div id="vis-camp-info-overlay"><span>信息在这里</span></div>
							</div>
						</div>
					</div>

					<!-- camp basic stuff: buildings & population -->
					<div class="grid tabcontainer" id="container-tab-two-in" data-tab="switch-in" style="display:none">
						<div class="unit golden-large">
							<h3>建筑</h3>
							<div id="in-improvements" class="actionbox">
								<table>
								</table>
							</div>
						</div>
						<div class="unit unit golden-small">
							<div id="in-population" class="infobox">
								<h3>人口</h3>
								<div id="in-population-details" class="infobox" style='display:none'>
									<div id="in-population-status">
										<span>空闲 / 疾病</span>
										<div id="unassigned-workers-bubble" class="bubble">!</div>
									</div>
									<div id="in-population-autoassigned" class="info-callout-target"
										description="任何未分配的工人将分配到的角色（当你不在此营地时）。如果选择多个，工人最少的角色会优先分配。">自动分配</div>
									<div class="info-callout-target">
										<div style="display: none" id="in-population-robots">机器人: <span
												class="stats-value-container"><span class="value">0</span><span
													id="robots-change-indicator" class="change-indicator"></span></span>
										</div>
									</div>
								</div>
								<table class="full-width" id="in-assign-workers">
								</table>
								<p style="display:none" id="in-population-next">下一个工人:</p>
								<div id="in-population-bar-next" class="progress-wrap progress">
									<div class="progress-bar progress"></div>
									<span class="progress progress-label"></span>
								</div>
								<span style="display: none; font-size: 85%" id="in-population-reputation">所需声望: </span>
								<span style="display: none; font-size: 85%" id="in-population-decrease-hint"
									class="warning"></span>
							</div>
							<div id="in-occurrences" class="infobox">
								<h3>事件</h3>
								<div id="in-occurrences-building-container">
								</div>
								<div id="in-occurrences-trader" class="progress-wrap progress">
									<div class="progress-bar progress"></div>
									<span class="progress progress-label">商人</span>
								</div>
								<div id="in-occurrences-recruit" class="progress-wrap progress">
									<div class="progress-bar progress"></div>
									<span class="progress progress-label">访客</span>
								</div>
								<div id="in-occurrences-raid" class="progress-wrap progress warning"
									data-animation-length="50">
									<div class="progress-bar progress"></div>
									<span class="progress progress-label">袭击!</span>
								</div>
								<div id="in-occurrences-outgoing-caravans-container">
								</div>
								<p class="p-meta" id="in-occurrences-empty">营地一片宁静。</p>
							</div>
							<div id="in-demographics" class="infobox p-dense">
								<h3>详情</h3>
								<div id="in-demographics-general">
									<p id="in-demographics-general-age">创建时间: <span class="value">-</span></p>
									<div class='info-callout-target' description="奢侈资源增加营地声望">
										<p id="in-demographics-general-luxuries">可用奢侈资源: <span class="value">-</span>
										</p>
									</div>
								</div>
								<div id="in-demographics-raid">
									<div class='info-callout-target'>
										<p id="in-demographics-raid-danger">袭击危险: <span class="value"></span></p>
									</div><br />
									<div class='info-callout-target'>
										<p id="in-demographics-raid-defence">营地防御: <span class="value"></span></p>
									</div>
									<p id="in-demographics-raid-last">最近的袭击: <span class="value"></span></p>
								</div>
								<div id="in-demographics-level">
									<p id="in-demographics-trade-network">与其他营地的贸易: <span class="value"></span></p>
									<p id="in-demographics-level-population">等级人口密度: <span class="value"></span></p>
									<p id="in-demographics-level-danger">等级袭击危险: <span class="value"></span></p>
								</div>
							</div>
						</div>
					</div>

					<!-- "embark" 页面，离开营地时显示 -->
					<div class="grid tabcontainer" id="container-tab-enter-out" data-tab="switch-embark">
						<div class="unit whole">
							<p>确保在离开之前准备好足够的补给。</p>
							<div class="grid">
								<div class="unit one-third" id="embark-resources-container">
									<div class="subheader">
										<h3>资源</h3>
									</div>
									<table id="embark-resources">
									</table>
								</div>
								<div class="unit two-thirds" id="embark-items-container">
									<div class="subheader">
										<h3>物品</h3>
									</div>
									<table id="embark-items">
									</table>
								</div>
							</div>
							<p>
							<div class="stat-indicator" id="embark-bag">
								<span class="label">已选</span>
								<span class="value">0</span>
								/
								<span class="value-total">0</span>
							</div>
							</p>
							<div class="actionbox">
								<button class="action" id="in-action-leave" action="leave_camp">离开</button>
								<span class="warning hidden" id="embark-warning"></span>
							</div>
						</div>
					</div>

					<!-- 级别: 小地图和头部 -->
					<div class="grid tabcontainer" id="container-tab-two-out" data-tab="switch-out">
						<div class="unit unit-compass" id="out-container-compass">
							<div id="minimap-background-container" class="canvas-container">
								<canvas id="minimap-background" width="224" height="224"></canvas>
								<div id="minimap-container" class="canvas-container"
									style="width: 198px; height: 198px">
									<canvas id="minimap" width="198" height="198" role="img" aria-label="区域地图"></canvas>
								</div>
							</div>
							<div class="infobox">
								<span id="out-position-indicator" class="info-detail vision-text"></span>
								<span id="out-distance-indicator" class="info-detail vision-text"></span>
							</div>
						</div>
						<div class="unit unit-rest">
							<h2 id="header-sector">区域头部</h2>
							<div id="out-desc"></div>
						</div>
					</div>

					<div class="grid tabcontainer" id="container-tab-two-out-actions" data-tab="switch-out"
						style="display:none;">
						<div class="unit unit-compass" id="out-container-compass-actions">
							<h3>漫游</h3>
							<table id="table-out-actions-movement">
								<tr>
									<td><button class="action btn-icon action-move tabbutton" data-tab="switch-out"
											id="out-action-move-nw" action="move_sector_nw"><span>左上</span></button>
									</td>
									<td><button class="action btn-icon action-move tabbutton" data-tab="switch-out"
											id="out-action-move-north"
											action="move_sector_north"><span>上</span></button></td>
									<td><button class="action btn-icon action-move tabbutton" data-tab="switch-out"
											id="out-action-move-ne" action="move_sector_ne"><span>右上</span></button>
									</td>
								</tr>
								<tr>
									<td><button class="action btn-icon action-move tabbutton" data-tab="switch-out"
											id="out-action-move-west" action="move_sector_west"><span>左</span></button>
									</td>
									<td></td>
									<td><button class="action btn-icon action-move tabbutton" data-tab="switch-out"
											id="out-action-move-east" action="move_sector_east"><span>右</span></button>
									</td>
								</tr>
								<tr>
									<td><button class="action btn-icon action-move tabbutton" data-tab="switch-out"
											id="out-action-move-sw" action="move_sector_sw"><span>左下</span></button>
									</td>
									<td><button class="action btn-icon action-move tabbutton" data-tab="switch-out"
											id="out-action-move-south"
											action="move_sector_south"><span>下</span></button></td>
									<td><button class="action btn-icon action-move tabbutton" data-tab="switch-out"
											id="out-action-move-se" action="move_sector_se"><span>右下</span></button>
									</td>
								</tr>
							</table>
							<div id="out-actions-movement" class="actionbox">
								<button class="action action-location" data-tab="switch-out" id="out-action-enter"
									action="enter_camp">进入营地</button>
								<button class="action btn-icon" data-tab="switch-out" id="out-action-move-up"
									action="move_level_up"><span>向上移动</span></button>
								<button class="action btn-icon" data-tab="switch-out" id="out-action-move-down"
									action="move_level_down"><span>向下移动</span></button>
								<button class="action btn-icon" data-tab="switch-out" id="out-action-move-camp"
									action="move_camp_level"><span>返回营地</span></button>
								<p id="out-action-move-camp-details" class="p-meta button-detail-label">(2块)</p>
							</div>
						</div>

						<div class="unit unit-rest">
							<div class="subheader" id="header-out-actions">
								<h3>搜索</h3>
							</div>
							<div id="out-actions" class="actionbox">
								<button class="action action-location tabbutton" data-tab="switch-out"
									id="out-action-sca" action="scavenge">搜索</button>
								<button class="action action-location" id="out-action-scout" action="scout">侦查</button>
								<button class="action action-location" id="out-action-investigate"
									action="investigate">调查</button>
								<button class="action action-location btn-x-wide" id="out-action-scavenge-heap"
									action="scavenge_heap">搜寻废墟</button>
								<button class="action action-location" id="out-action-clear-workshop"
									action="clear_workshop">侦查工坊</button>
								<button class="action action-location" id="out-action-use-spring"
									action="use_spring">补充水源</button>
								<button class="action action-location btn-icon" id="out-action-nap"
									action="nap"><span>休息</span></button>
								<button class="action action-location" id="out-action-wait"
									action="wait"><span>等待</span></button>
								<button class="action action-location" id="out-action-despair"
									action="despair">绝望</button>
								<span id="container-out-actions-movement-related">
								</span>
							</div>

							<div class="subheader" id="header-out-improvements">
								<h3>建造</h3>
							</div>
							<div id="out-improvements" class="actionbox">
								<table>
									<tr id="out-improvements-collector-water">
										<td><button class="action action-build action-location"
												action="build_out_collector_water"
												id="out-action-build-bucket">水桶</button></td>
										<td><button class='action action-improve btn-glyph-big'
												id="out-action-improve-bucket"
												action="improve_out_collector_water">▲</button></td>
										<td><button class="action action-use action-location btn-narrow"
												action="use_out_collector_water"
												id="out-action-use-bucket">收集全部</button></td>
										<td><button class="action action-use action-location btn-compact"
												action="use_out_collector_water_one"
												id="out-action-use-bucket_one">1</button></td>
										<td class="list-storage vision-text"></td>
									</tr>
									<tr id="out-improvements-collector-food">
										<td><button class="action action-build action-location"
												action="build_out_collector_food" id="out-action-build-trap">陷阱</button>
										</td>
										<td><button class='action action-improve btn-glyph-big'
												id="out-action-improve-trap"
												action="improve_out_collector_food">▲</button></td>
										<td><button class="action action-use action-location btn-narrow"
												action="use_out_collector_food" id="out-action-use-trap">收集全部</button>
										</td>
										<td><button class="action action-use action-location btn-compact"
												action="use_out_collector_food_one"
												id="out-action-use-trap_one">1</button></td>
										<td class="list-storage vision-text"></td>
									</tr>
									<tr id="out-improvements-beacon">
										<td><button class="action action-build action-location"
												action="build_out_beacon" id="out-action-build-beacon">信标</button></td>
										<td class="list-amount vision-text">0</td>
									</tr>
									<tr id="out-improvements-camp">
										<td><button class="action action-build action-location"
												action="build_out_camp">营地</button></td>
									</tr>
								</table>
							</div>
							<div class="actionbox" id="out-locales">
								<div class="subheader">
									<h3>地点</h3>
								</div>
								<table id="table-out-actions-locales">
								</table>
							</div>
						</div>
					</div>

					<!-- 胶囊主 div: 物品列表与工艺 -->
					<div class="grid tabcontainer" id="container-tab-two-bag" data-tab="switch-bag"
						style="display:none">
						<div class="unit three-quarters">
							<div class="subheader" id="header-bag-equipment">
								<h3>装备</h3>
							</div>
							<div class="infobox" id="container-equipment-slots">
								<div id="item-slot-bag" class="item-slot item-slot-big lvl13-box-1"></div>
								<div id="item-slot-light" class="item-slot item-slot-big lvl13-box-1"></div>
								<div id="item-slot-weapon" class="item-slot item-slot-big lvl13-box-1"></div>
								<div id="item-slot-clothing_over" class="item-slot item-slot-big lvl13-box-1"></div>
								<div id="item-slot-clothing_upper" class="item-slot item-slot-big lvl13-box-1"></div>
								<div id="item-slot-clothing_lower" class="item-slot item-slot-big lvl13-box-1"></div>
								<div id="item-slot-clothing_head" class="item-slot item-slot-big lvl13-box-1"></div>
								<div id="item-slot-clothing_hands" class="item-slot item-slot-big lvl13-box-1"></div>
								<div id="item-slot-shoes" class="item-slot item-slot-big lvl13-box-1"></div>
							</div>
							<div class="select-container" id="bag-autoequip-container">
								<span class="label">自动装备最佳:</span>
								<select id="select-bag-autoequip-type"></select>
								<button id="btn-bag-autoequip" class="action btn-mini" action="auto_equip">装备</button>
							</div>
							<div class="subheader" id="header-bag-items">
								<h3>其他物品</h3>
							</div>
							<div class="infobox">
								<ul id="bag-items" style="padding:0px; margin: 0px"></ul>
								<p id="bag-items-empty" class="p-meta">这里没有物品</p>
							</div>
						</div>
						<div class="unit one-quarter">
							<div id="self-bag-actions" class="actionbox">
								<button id="btn-self-manage-inventory">管理库存</button>
							</div>
							<div class="subheader" id="header-self-use-items">
								<h3>使用</h3>
							</div>
							<div id="self-use-items" class="actionbox">
								<ul class="buttonlist">
								</ul>
							</div>
							<div class="subheader" id="header-self-repair-items">
								<h3>修理</h3>
							</div>
							<div id="self-repair-items" class="actionbox">
								<table>
								</table>
							</div>
							<div class="subheader">
								<h3>制作</h3>
							</div>
							<input type="checkbox" class="checkbox" id="checkbox-crafting-show-obsolete" />
							<p class="checkbox-label" id="label-crafting-show-obsolete">显示已拥有物品</p>
							<div id="self-craft" class="actionbox">
							</div>
						</div>
					</div>

					<div class="grid tabcontainer" id="container-tab-two-followers" data-tab="switch-followers"
						style="display:none;">
						<div class="unit whole">
							<p id="followers-max" class="p-meta">最大追随者</p>

							<div id="tab-followers-section-selected" class="unit-section">
								<div class="subheader" id="header-party">
									<h3>探险队</h3>
								</div>
								<div class="infobox" id="container-party-slots">
								</div>
							</div>

							<div id="tab-followers-section-unselected" class="unit-section">
								<div class="subheader" id="header-followers">
									<h3>其他追随者</h3>
								</div>
								<div class="infobox">
									<ul id="list-followers" class="itemlist"></ul>
									<p id="followers-empty" class="p-meta">这里没有追随者。</p>
								</div>
							</div>

							<div id="tab-followers-section-recruits" class="unit-section">
								<div class="subheader" id="header-recruits">
									<h3>访客</h3>
								</div>
								<p id="recruits-empty-message">当前没有访客。</p>
								<div id="recruits-container" class="actionbox">
									<table></table>
								</div>
							</div>
						</div>
					</div>

					<div class="grid tabcontainer" id="container-tab-two-map" data-tab="switch-map"
						style="display:none">
						<div class="unit whole">
							<p id="map-completion-hint">这个层级还有未探索的地方。</p>
							<div id="mainmap-container-container tabelement" data-tab="switch-map">
								<div id="mainmap-container" class="canvas-container lvl13-box-1">
									<canvas id="mainmap" width="500" height="500" role="img" aria-label="层级地图"></canvas>
									<div id="mainmap-overlay" class="canvas-overlay"></div>
								</div>
							</div>
							<div id="mainmap-container-ascii">
								<textarea rows="12" readonly></textarea>
								<div id="mainmap-ascii-legend" class="lvl13-box-1"></div>
							</div>
							<div id="mainmap-sector-details" class="lvl13-box-1" style="margin: 5px; padding: 5px;">
								<button id="btn-mainmap-sector-details-next" aria-label="下一个区块"
									class="context btn-glyph">
									<img src="img/eldorado/icon-next-dark.png" class="img-themed"
										data-src-sunlit="img/eldorado/icon-next.png" />
								</button>
								<button id="btn-mainmap-sector-details-previous" aria-label="上一个区块"
									class="context btn-glyph">
									<img src="img/eldorado/icon-previous-dark.png" class="img-themed"
										data-src-sunlit="img/eldorado/icon-previous.png" />
								</button>
								<button id="btn-mainmap-sector-details-camp" aria-label="营地区块"
									class="context btn-glyph">
									<img src="img/map/map-camp-sunlit.png" class="img-themed"
										data-src-sunlit="img/map/map-camp.png" />
								</button>
								<button id="btn-mainmap-sector-details-unknown" aria-label="未访问区块"
									class="context btn-glyph">
									<img src="img/map/map-unvisited-sunlit.png" class="img-themed"
										data-src-sunlit="img/map/map-unvisited.png" />
								</button>
								<button id="btn-mainmap-sector-details-unscouted" aria-label="未侦查区块"
									class="context btn-glyph">
									<img src="img/map/map-interest-sunlit.png" class="img-themed"
										data-src-sunlit="img/map/map-interest.png" />
								</button>
								<button id="btn-mainmap-sector-details-investigate" aria-label="可调查区块"
									class="context btn-glyph">
									<img src="img/map/map-investigate-sunlit.png" class="img-themed"
										data-src-sunlit="img/map/map-investigate.png" />
								</button>
								<button id="btn-mainmap-sector-details-ingredients" aria-label="有资源的区块"
									class="context btn-glyph">
									<img src="img/map/map-ingredient-sunlit.png" class="img-themed"
										data-src-sunlit="img/map/map-ingredient.png" />
								</button>
								<div id="mainmap-sector-details-content-empty">
									<h3>区块详情</h3>
									<p class="meta" id="mainmap-sector-details-empty-text-canvas">点击一个区块查看详情。</p>
									<p class="meta" id="mainmap-sector-details-empty-text-ascii">选择一个区块查看详情。</p>
								</div>
								<div id="mainmap-sector-details-content">
									<h3><span id="mainmap-sector-details-name">区块</span> <span
											id="mainmap-sector-details-pos" /></h3>
									<table class="spacious full-width">
										<tr>
											<td class="textwidth">区域:</td>
											<td><span id="mainmap-sector-details-district"></span></td>
										</tr>
										<tr>
											<td class="textwidth">距离:</td>
											<td><span id="mainmap-sector-details-distance"></span> <button
													id="btn-mainmap-sector-path" class="btn-meta">(路线)</button></td>
										</tr>
										<tr>
											<td class="textwidth">兴趣点:</td>
											<td><span id="mainmap-sector-details-poi"></span></td>
										</tr>
										<tr>
											<td class="textwidth">搜寻:</td>
											<td><span id="mainmap-sector-details-res-sca"></span></td>
										</tr>
										<tr>
											<td class="textwidth">收集器:</td>
											<td><span id="mainmap-sector-details-res-col"></span></td>
										</tr>
										<tr>
											<td class="textwidth">威胁:</td>
											<td><span id="mainmap-sector-details-threats"></span></td>
										</tr>
										<tr>
											<td class="textwidth">阻碍物:</td>
											<td><span id="mainmap-sector-details-blockers"></span></td>
										</tr>
										<tr>
											<td class="textwidth">环境:</td>
											<td><span id="mainmap-sector-details-env"></span></td>
										</tr>
										<tr>
											<td class="textwidth">其他:</td>
											<td><span id="mainmap-sector-details-misc"></span></td>
										</tr>
									</table>
								</div>
								<div id="mainmap-sector-details-content-debug">
									<button id="btn-cheat-teleport" class="meta">传送</button>
									<span id="mainmap-sector-debug-text"></span>
								</div>
							</div>
						</div>
					</div>

					<div class="grid tabcontainer" id="container-tab-trade" data-tab="switch-trade"
						style="display:none">
						<div class="unit whole">
							<div class="subheader">
								<h3>来访商队</h3>
							</div>
							<p id="trade-caravans-incoming-empty-message">目前没有商贩在这里。</p>
							<div id="trade-caravans-incoming-container" class="actionbox">
								<table class="fullwidth"></table>
							</div>
							<div class="subheader">
								<h3>贸易伙伴</h3>
							</div>
							<p id="trade-caravans-outgoing-empty-message">尚未发现贸易伙伴。</p>
							<div id="trade-caravans-outgoing-container" class="actionbox">
								<table></table>
							</div>
							<p id="trade-caravans-outgoing-num">可用商队:</p>
						</div>
					</div>

					<div class="grid tabcontainer" id="container-tab-two-projects" data-tab="switch-projects"
						style="display:none">
						<div class="unit whole">
							<div class="actionbox" id="container-in-improvements-colony">
								<div class="subheader">
									<h3>殖民地项目</h3>
								</div>
								<div id="in-improvements-colony" class="actionbox">
									<table class="fullwidth"></table>
								</div>
								<div class="subheader" id="header-in-improvements-colony-built">
									<h3>已建成的殖民地项目</h3>
								</div>
								<div id="in-improvements-colony-built" class="actionbox">
									<table class="fullwidth"></table>
								</div>
								<button id="in-action-launch" class="action" action="launch">启动</button>
							</div>
							<div class="infobox">
								<div class="subheader">
									<h3 id="header-in-improvements-level">可用项目</h3>
								</div>
								<div id="in-improvements-level" class="actionbox">
									<table class="fullwidth"></table>
								</div>
								<p id="in-improvements-level-empty-message">目前没有可用的建筑项目。探索地图以发现一些。</p>
							</div>
							<div id="container-in-improvements-level-hidden">
								<button id="in-improvements-reset-hidden" class='btn-meta btn-meta-float'>重置</button>
								<div class="subheader">
									<h3 id="header-in-improvements-level-hidden">隐藏项目</h3>
								</div>
								<p id="in-improvements-hidden-message">没有可用的建筑项目。</p>
							</div>
							<div class="subheader">
								<h3 id="header-in-improvements-level-built">已建成项目</h3>
							</div>
							<div id="in-improvements-level-built" class="actionbox">
								<table class="fullwidth"></table>
							</div>
						</div>
					</div>

					<div class="grid tabcontainer" id="container-tab-two-upgrades" data-tab="switch-upgrades"
						style="display: none;">
						<div class="unit whole">
							<div id="world-blueprints" class="actionbox">
								<div class="subheader">
									<h3>蓝图</h3>
								</div>
								<table id="blueprints-list" class="fullwidth">
								</table>
							</div>
							<div id="world-upgrades" class="actionbox">
								<div class="subheader">
									<h3>可用升级</h3>
								</div>
								<table id="upgrades-list" class="fullwidth spacious">
								</table>
								<p id="world-upgrades-empty-message">目前没有可用的升级。</p>
							</div>
							<div id="world-upgrades-info" class="infobox">
								<div class="subheader">
									<h3>所有升级</h3>
								</div>
								<p id="world-upgrades-count">已完成的升级: 0</p>
								<div class="infobox">
									<div id="researched-upgrades-vis-container" class="canvas-container lvl13-box-1">
										<canvas id="researched-upgrades-vis" width="100" height="100" role="img"
											aria-label="技术树"></canvas>
										<div id="upgrades-vis-overlay" class="canvas-overlay"></div>
									</div>
									<div id="upgrade-details" class="lvl13-box-1" style="margin: 5px; padding: 5px;">
										<div id="upgrade-details-content-empty">
											<h4>升级详情</h4>
											<p class="meta">点击一个升级查看详情。</p>
										</div>
										<div id="upgrade-details-content">
											<span id="upgrade-details-status" class="status-badge">状态</span>
											<h4 id="upgrade-details-name">升级名称</h4>
											<p>
												<span id="upgrade-details-desc">升级描述</span><br />
												<span id="upgrade-details-effect" class="p-meta"></span><br />
												<span id="upgrade-details-unlocked-research" class="p-meta"></span>
											</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="grid tabcontainer" id="container-tab-two-world" data-tab="switch-world"
						style="display:none">
						<div class="unit whole">
							<div class="infobox">
								<div class="subheader">
									<h3>消息</h3>
								</div>
								<p id="world-message">目前没有来自其他营地的消息。</p>
								<div class="subheader">
									<h3>营地概况</h3>
								</div>
								<table id="camp-overview" class="full-width dense">
									<tr id="camp-overview-header" class="lvl13-box-1 header-mini">
										<th class="th-text" colspan="2">营地</th>
										<th class="th-number" colspan="2">人口</th>
										<th class="th-number hide-in-small-layout">声望</th>
										<th class="th-number hide-in-small-layout">掠夺</th>
										<th class="th-number hide-in-small-layout">储存</th>
										<th class="th-text" colspan="2">生产</th>
										<th class="th-number"></th>
										<th class="th-number"></th>
									</tr>
								</table>
							</div>
						</div>
					</div>

					<div class="grid tabcontainer" id="container-tab-two-milestones" data-tab="switch-milestones"
						style="display:none">
						<div class="unit whole">
							<div class="milestone-container" id="milestone-container-current">
								<h3>当前: <span id='milestone-current-name' class="hl-functionality"></span></h3>
								<p id="milestone-current-description"></p>
								<div id="milestone-current-unlocks"></div>
							</div>
							<div class="milestone-container" id="milestone-container-next">
								<h3>下一个: <span id='milestone-next-name' class="hl-functionality"></span></h3>
								<p id="milestone-next-description"></p>
								<div id="milestone-next-unlocks"></div>
								<div id="milestone-population-bar" class="progress-wrap progress full-width">
									<div class="progress-bar progress"></div>
									<span class="progress progress-label"></span>
								</div>
								<div class="columns-container">
									<div id="milestone-next-reqs" class="columns-child infobox">
									</div>
									<div id="milestone-next-button-container" class="columns-child columns-child-small">
									</div>
								</div>
							</div>
						</div>
					</div>

				</div><!-- main switch content grid -->

			</div><!-- excluding lig -->

			<div class="unit one-fifth" class="div-horizontal-space-filler">
				<h1 class="hide-from-visual-layout hide-while-loading" id="header-log-main">日志</h1>
				<h2 class="hide-from-visual-layout hide-while-loading" id="header-log-latest">最新</h2>
				<div id="log-latest" class="hide-from-visual-layout">
					<ul role="log"></ul>
				</div>
				<h2 class="hide-from-visual-layout hide-while-loading" id="header-log-all">所有</h2>
				<div id="log" class="limit-height">
					<div id="log-overlay" class="lvl13-fade-down"></div>
					<ul></ul>
				</div>
			</div>

		</div><!-- main grid -->

		<div class="grid sticky-footer-push"></div>

	</div><!-- sticky footer wrap -->

	<div class="grid sticky-footer">
		<div class="unit unit four-fifths" id="footer">
			<span id="game-version" class="p-meta"></span>
			<span id="game-msg" class="p-meta"></span>
			<ul id="game-options-extended" style="display:none">
				<li class="hide-in-small-layout"><button class="btn-meta" id="btn-settings">设置</button></li>
				<li><button class="btn-meta" id="btn-info">信息</button></li>
				<li><button class="btn-meta" id="btn-stats">统计</button></li>
				<li><button class="btn-meta" id="btn-importexport">数据</button></li>
				<li><span>:</span></li>
			</ul>
			<ul id="game-options">
				<li><button class="btn-meta" id="btn-more">更多</button>
				<li><button class="btn-meta" id="btn-restart">重启</button></li>
				<li><button class="btn-meta" id="btn-save">保存</button></li>
			</ul>
		</div>
	</div><!-- sticky footer -->

	<!-- 弹窗 -->

	<div id="fight-popup" role="dialog" class="popup fill-on-mobiles hidden-by-default popup-ingame"
		style="display:none" aria-labelledby="fight-title">
		<h3 id="fight-title"></h3>
		<p id="fight-desc"></p>
		<div class="infobox" id="fight-popup-enemy-info">
			<div class="container-relative">
				<p id="fight-popup-enemy-name" class="nomargin">敌人名称与强度</p>
				<div id="fight-damage-indictor-enemy" class="fight-damage-indicator">-5</div>
				<div id="fight-status-indictor-enemy" class="fight-status-indicator">闪避</div>
			</div>
			<p id="fight-popup-enemy-stats" class="nomargin">敌人强度</p>
			<p id="fight-popup-enemy-difficulty" class="nomargin">敌人难度</p>
		</div>
		<div id="fight-popup-bars">
			<div class="progress-multibar-container progress centered">
				<div id="fight-bar-enemy" class="progress-wrap progress">
					<div class="progress-bar progress"></div>
					<div class="progress-bar-change progress"></div>
				</div>
				<div id="fight-bar-enemy-shield" class="progress-wrap progress-wrap-science progress">
					<div class="progress-bar progress"></div>
					<div class="progress-bar-change progress"></div>
				</div>
			</div>
			<div class="progress-multibar-container progress centered">
				<div id="fight-bar-self" class="progress-wrap progress">
					<div class="progress-bar progress"></div>
					<div class="progress-bar-change progress"></div>
				</div>
				<div id="fight-bar-self-shield" class="progress-wrap progress-wrap-science progress">
					<div class="progress-bar progress"></div>
					<div class="progress-bar-change progress"></div>
				</div>
			</div>
		</div>
		<div class="infobox" id="fight-popup-self-info">
			<div class="container-relative">
				<p id="fight-popup-self-name" class="nomargin">玩家名称</p>
				<div id="fight-damage-indictor-self" class="fight-damage-indicator">-5</div>
				<div id="fight-status-indictor-self" class="fight-status-indicator">闪避</div>
			</div>
			<p id="fight-popup-self-stats" class="nomargin">玩家强度</p>
			<span id="fight-popup-self-equipment"></span>
		</div>
		<div class="container-nomargin" id="fight-popup-items">
			<ul class="itemlist" id="list-fight-items" style="margin-top: -10px;"></ul>
			<span id="fight-popup-itemlist-separator">|</span>
			<ul class="itemlist" id="list-fight-followers" style="margin-top: -10px;"></ul>
		</div>
		<div class="buttonbox" id="fight-buttons-infightactions"></div>
		<div id="fight-popup-results"></div>
		<div class="buttonbox" id="fight-buttons-main">
			<button id="out-action-fight-cancel" class="action action-manual-trigger" action="flee">逃跑</button>
			<button id="out-action-fight-confirm" class="action" action="fight">战斗</button>
			<button id="out-action-fight-close">离开</button>
			<button id="out-action-fight-continue">继续</button>
			<button id="out-action-fight-takeselected" class="action inventory-selection-ok"
				action="accept_inventory">继续</button>
			<button id="out-action-fight-takeall" class='action inventory-selection-takeall'
				action='take_all'>全部领取</button>
		</div>
	</div>

	<div id="incoming-caravan-popup" role="dialog"
		class="popup popup-wide fill-on-mobiles hidden-by-default popup-ingame" style="display:none"
		aria-labelledby="trade-header">
		<h3 id="trade-header">商人</h3>
		<p id="incoming-caravan-popup-markup"></p>
		<div class="inventorybox" style="display:flex">
			<div id="inventorylist-incoming-caravan-camp-inventory" class="inventorydivision" style="width: 170px">
				<p class="inventorybox-header">营地库存</p>
				<ul></ul>
				<p class="msg-empty">(空)</p>
			</div>
			<div id="inventorylist-incoming-caravan-camp-offer"
				class="inventorydivision inventorydivision-with-footer highlightbox" style="width: 130px">
				<p class="inventorybox-header">营地报价</p>
				<ul></ul>
				<p class="msg-empty">(空)</p>
				<p class="value inventorybox-footer">0</p>
			</div>
			<div id="inventorylist-incoming-caravan-trader-offer"
				class="inventorydivision inventorydivision-with-footer highlightbox" style="width: 130px">
				<p class="inventorybox-header">商人报价</p>
				<ul></ul>
				<p class="msg-empty">(空)</p>
				<p class="value inventorybox-footer">0</p>
			</div>
			<div id="inventorylist-incoming-caravan-trader-inventory" class="inventorydivision" style="width: 170px">
				<p class="inventorybox-header">商人库存</p>
				<ul></ul>
				<p class="msg-empty">(空)</p>
			</div>
		</div>
		<div id="incoming-caravan-popup-multiplier"></div>
		<div class="buttonbox" id="incoming-caravan-buttons-main">
			<button id="incoming-caravan-popup-cancel">取消</button>
			<button id="incoming-caravan-popup-reset">重置</button>
			<button id="incoming-caravan-popup-confirm" class="action" action="trade_with_caravan">交易</button>
		</div>
	</div>

	<div id="manage-save-popup" role="dialog" class="popup fill-on-mobiles hidden-by-default popup-ingame"
		style="display:none" aria-labelledby="manage-save-popup-header">
		<h3 id="manage-save-popup-header">管理存档</h3>
		<p id="manage-save-info">请注意，游戏仍在Alpha阶段，更新可能会破坏旧的存档。</p>

		<div class="columns-container" id="save-list-container">
			<div id="save-list" class="columns-child">
			</div>
			<div id="save-list-options" class="columns-child columns-child-small">
				<div id="save-list-options-empty">
					<p id="save-list-options-empty-text" class="dimmed">从列表中选择一个存档槽</p>
				</div>
				<div id="save-list-options-selected">
					<p id="save-list-options-info">信息</p>
					<button id="btn-save-list-options-save" class="btn-narrow">保存</button>
					<button id="btn-save-list-options-load" class="btn-narrow">加载</button>
					<button id="btn-save-list-options-export" class="btn-narrow btn-secondary">导出</button>
				</div>
				<div id="save-list-options-export">
					<p>导出</p>
					<textarea id="textarea-export-save" rows="4"></textarea>
					<p id="save-export-info"></p>
					<button id="btn-copy-export" class="btn-narrow">复制</button>
					<button id="btn-download-export" class="btn-narrow">下载</button>
					<button id="btn-back-from-export" class="btn-narrow btn-secondary">返回</button>
				</div>
			</div>
		</div>

		<div id="save-import-container">
			<textarea id="textarea-import-save" rows="5" cols="60"></textarea>
			<div>
				<p id="import-save-warning" class="warning"></p>
				<p id="import-save-msg"></p>
				<button id="paste-import">粘贴</button>
				<button id="load-import">加载</button>
			</div>
		</div>

		<div class="buttonbox">
			<button id="open-import">导入</button>
			<button id="open-save-list">返回列表</button>
			<button id="close-manage-save-popup" class="button-popup-default">关闭</button>
		</div>
	</div>

	<div id="game-stats-popup" role="dialog" class="popup fill-on-mobiles hidden-by-default popup-ingame"
		style="display: none" aria-labelledby="game-stats-popup-header">
		<h3 id="game-stats-popup-header">游戏统计</h3>
		<div id="game-stats-container" class="scrollable-container"></div>
		<div class="buttonbox">
			<button id="game-stats-popup-close" class="button-popup-default">关闭</button>
		</div>
	</div>

	<div id="settings-popup" role="dialog" class="popup fill-on-mobiles hidden-by-default popup-ingame"
		style="display: none" id="settings-popup-header">
		<h3 id="settings-popup-header">设置</h3>
		<span class="settings-entry">
			<input type="checkbox" class="checkbox" id="settings-checkbox-hotkeys-enabled" />
			<p class="checkbox-label">启用快捷键</p>
		</span>
		<span class="settings-entry">
			<input type="checkbox" class="checkbox" id="settings-checkbox-hotkeys-numpad" />
			<p class="checkbox-label">使用小键盘移动</p>
		</span>
		<div id="hotkeys-list" class="scrollable-container"></div>
		<div class="buttonbox">
			<button id="settings-popup-close" class="button-popup-default">关闭</button>
		</div>
	</div>

	<div id="common-popup" role="dialog" class="popup fill-on-mobiles hidden-by-default popup-ingame"
		style="display:none" aria-labelledby="common-popup-header">
		<h3 id="common-popup-header"></h3>
		<p id="common-popup-desc"></p>
		<p id="common-popup-input-container"><input class="text" autocomplete="false" autofocus="true" /></p>
		<div id="info-results"></div>
		<div class="buttonbox"></div>
	</div>

	<!-- 整个页面的覆盖层 -->

	<div id="mobile-overlay" style="display:none">
		<p>Level 13 对移动设备的优化不够。该布局在较大屏幕上效果最佳，许多元素依赖于悬停效果。为了获得最佳体验，请使用其他设备访问。</p>
		<p>如果您仍想尝试，请 <a href="#" id="btn-dismiss-mobile-overlay">点击这里</a> 关闭此消息。</p>
	</div>

	<div class="thinking-content">
		<div class="loading-spinner">
			<div class="loading-dot loading-dot1"></div>
			<div class="loading-dot loading-dot2"></div>
			<div class="loading-dot loading-dot3"></div>
		</div>
	</div>

	<div class="loading-content">
		<p class="hide-from-visual-layout">加载中</p>
		<div class="loading-spinner">
			<div class="loading-dot loading-dot1"></div>
			<div class="loading-dot loading-dot2"></div>
			<div class="loading-dot loading-dot3"></div>
		</div>
	</div>

	<div id="theme-transition-overlay" style="display:none"></div>

	<!-- Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-118652515-1"></script>
	<script>
		// 定义全局的翻译函数
		let translations = {};

		// 加载 JSON 文件
		function loadTranslations() {
			fetch('./translations.json')
				.then(response => response.json())
				.then(data => {
					translations = data;
					console.log('Translations loaded:', translations);
				})
				.catch(error => console.error('Error loading translations:', error));
		}


		// 当页面加载时执行
		window.onload = function () {
			loadTranslations();
			window.myTranslate = function (key) {
				if (translations[key]) return translations[key]
				return key
			}
		}
	</script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());
		gtag('config', 'UA-118652515-1', {
			'app_name': 'Level13',
			'custom_map': { 'dimension1': 'world_seed', 'dimension2': 'max_level', 'dimension3': 'max_camp' },
		});

	</script>

	<!-- RequireJS -->
	<script data-main="src/config" src="lib/requirejs/require.min.js"></script>

</body>

</html>